@CHARSET "UTF-8";

/* general */
html {
	margin: 0px;
	padding: 0px;
	position: relative;
	min-height: 100%;
}

body {
	margin: 0px;
	min-height: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
	background-color: #D8D8D8;
}

#arianne {
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	font-family: impact;
}

#arianne a {
	text-decoration: none;
	color: red;
}

#arianne a:HOVER {
	text-decoration: underline;
}

/* head */
header {
	display: table;
	width: 100%;
	background-color: #C0C0C0;
}

#head {
	width: 100%;
}

#logo {
	display: inline-table;
	float: left;
	height: 60px;
}

#nom_du_site {
	display: inline-table;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 0px;
}

#nom_du_site h1 {
	font-family: impact;
}

#panier {
	display: inline-table;
	line-height: 80%;
}

#connection {
	display: inline-table;
	float: right;
	line-height: 0px;
	text-align: right;
}

/* nav */
nav {
	background-color: #ED0000;
}

nav table {
	display: inline-table;
}

nav td {
	padding-left: 10px;
	padding-right: 10px;
}

nav a {
	font-family: "arial black";
	text-decoration: none;
	color: white;
}

nav a:HOVER {
	color: black;
}

#search_box {
	float: right;
	display: inline-table;
}

/* home */
.article_mini {
	display: inline-block;
	width: 180px;
	height: 260px;
	text-align: center;
	padding: 5px;
	margin: 5px;
	background-color: white;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	background-color: white;
}

.article_mini_pic {
	width: 180px;
	height: 180px;
}

.article_mini_text {
	width: 180px;
	height: 80px;
	vertical-align: middle;
}

.article_mini a {
	color: black;
	text-decoration: none;
}

.article_mini a span {
	font-size: large;
	font-weight: bold;
}

.article_mini img {
	max-width: 180px;
	max-height: 180px;
}

#homepagearticles {
	text-align: center;
}

#homepagearticles a {
	text-decoration: none;
}

/* categorie */
#sections {
	width: 100%;
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
}

#sections ul li {
	display: inline;
	padding-right: 5px;
}

#sections a {
	text-decoration: none;
	color: red;
}

/* article large */
.article_large {
	background-color: white;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 180px;
	width: 100%;
	overflow: hidden;
}

#tab_articles {
	width: 100%;
}

.article_large_pic {
	width: 180px;
	height: 180px;
	text-align: center;
}

.article_large img {
	max-width: 180px;
	max-height: 180px;
}

.article_large a {
	color: red;
	text-decoration: none;
}

.article_large_prix {
	font-size: large;
	font-weight: bold;
	text-align: right;
}

/* article */
#article_img {
	height: 500px;
	width: 500px;
	text-align: center;
}

#article_img img {
	max-width: 500px;
	max-height: 500px;
}

#article_prix {
	font-size: large;
	font-weight: bold;
}

/* inscription */
#inscription_error {
	color: red;
	font-size: large;
	font-weight: bold;
}

/* panier */
#tab_panier {
	width: 100%;
	text-align: center;
}

.panier_line {
	background-color: white;
}

.panier_img {
	width: 80px;
	height: 80px;
}

.panier_img img {
	max-height: 80px;
	max-width: 80px;
}

.panier_butt {
	display: inline;
}

.panier_action{
	display:inline;
	float:right;
}

/* paiement */
#tab_paiement {
	margin-left: 40%;
	margin-top: 2%;
	text-align: center;
	display: inline-block;
}

/* recap commande */
#tab_prix {
	background-color: white;
	float: right;
	width: 25%;
}

#tab_infos {
	margin-top: 10%;
}

/* mon compte */
#infos {
	display: inline-table;
	width: 35%;
}

#historique_commandes {
	display: inline-table;
	width: 50%;
}

#historique_commandes table{
	width:100%;
}

#historique_commandes tr{
	background-color:white;
}

/* foot */
footer {
	position: absolute;
	bottom: 0px;
	height: 50px;
	width: 100%;
	background-color: #C0C0C0;
}